<template>
    <div class="SettingsAcount" style="width: 1440px; height: 900px; position: relative; background: white">
        <div class="Rectangle106"
            style="width: 360px; height: 907px; left: 0px; top: 0px; position: absolute; background: #F4F3F1"></div>
        <div class="Rectangle93"
            style="width: 1080px; height: 907px; left: 360px; top: 0px; position: absolute; background: #FAF9F7"></div>
        <div class="MagazineView"
            style="width: 868px; height: 790px; left: 469px; top: 140px; position: absolute; background: white">
            <div class="Rectangle351"
                style="width: 868px; height: 790px; left: 0px; top: 0px; position: absolute; background: #FAF9F7"></div>
            <div class="Group237"
                style="width: 810.07px; height: 122px; padding-top: 1px; padding-bottom: 9px; padding-right: 143.07px; left: 28.97px; top: 759px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
                <div class="Frame89"
                    style="justify-content: flex-start; align-items: flex-start; gap: 9px; display: inline-flex">
                    <div class="IconOutlinedSuggestedSquareEmpty"
                        style="width: 24px; height: 24px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
                        <div class="Vector" style="width: 18px; height: 18px; border: 2px #52575C solid"></div>
                    </div>
                    <div class="Frame85"
                        style="height: 82px; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                        <div class="Frame61"
                            style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex">
                            <div class="RijekaBeginsYearOfEuropeanCapitalOfCulture2020WithOpeningCeremony"
                                style="width: 431px; height: 51px; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                Rijeka begins year of European Capital of Culture 2020 with opening ceremony</div>
                            <div class="Frame88"
                                style="height: 24px; justify-content: center; align-items: center; gap: 7px; display: inline-flex">
                                <div class="Dec302021Euronews4MinRead"
                                    style="width: 304px; height: 18px; color: #52575C; font-size: 12px; font-family: Montserrat; font-weight: 500; line-height: 16px; letter-spacing: 0.20px; word-wrap: break-word">
                                    Dec 30 2021 EuroNews 4 min read</div>
                                <div class="IconOutlinedOtherBookBookmark"
                                    style="width: 24px; height: 24px; position: relative">
                                    <div class="Vector"
                                        style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                </div>
                                <div class="IconOutlinedActionMainShare"
                                    style="width: 24px; height: 24px; position: relative">
                                    <div class="Vector"
                                        style="width: 6px; height: 6px; left: 15px; top: 2px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6px; height: 6px; left: 3px; top: 9px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6px; height: 6px; left: 15px; top: 16px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6.83px; height: 3.98px; left: 8.59px; top: 13.51px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6.82px; height: 3.98px; left: 8.59px; top: 6.51px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                </div>
                                <div class="IconOutlinedActionMainMoreVertical"
                                    style="width: 24px; height: 24px; position: relative">
                                    <div class="Vector"
                                        style="width: 2px; height: 2px; left: 11px; top: 11px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 2px; height: 2px; left: 11px; top: 4px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 2px; height: 2px; left: 11px; top: 18px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="Card1"
                        style="width: 186px; height: 112px; justify-content: center; align-items: center; display: flex">
                        <img class="Image" style="width: 186px; height: 112px" src="https://via.placeholder.com/186x112" />
                    </div>
                </div>
            </div>
            <div class="Group219" style="width: 446px; height: 59px; left: 527px; top: 543px; position: absolute">
                <div class="InputText"
                    style="width: 281px; height: 24px; left: 25px; top: 25px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 18px; letter-spacing: 0.20px; word-wrap: break-word">
                    ******</div>
                <div class="InputText"
                    style="width: 281px; height: 14px; left: 19px; top: 0px; position: absolute; color: #52575C; font-size: 11px; font-family: Montserrat; font-weight: 400; line-height: 14px; letter-spacing: 0.20px; word-wrap: break-word">
                    用户密码</div>
                <div class="Line13"
                    style="width: 446px; height: 0px; left: 0px; top: 59px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
                <div class="IconOutlinedEditorActionCopy"
                    style="width: 24px; height: 24px; left: 253px; top: 25px; position: absolute">
                    <div class="Vector"
                        style="width: 13px; height: 13px; left: 9px; top: 9px; position: absolute; border: 2px #A0A4A8 solid">
                    </div>
                    <div class="Vector"
                        style="width: 13px; height: 13px; left: 2px; top: 2px; position: absolute; border: 2px #A0A4A8 solid">
                    </div>
                </div>
            </div>
            <div class="Group719" style="width: 306px; height: 59px; left: 527px; top: 465px; position: absolute">
                <div class="Group218" style="width: 306px; height: 59px; left: 0px; top: 0px; position: absolute">
                    <div class="NameNewsletterIo"
                        style="width: 281px; height: 24px; left: 25px; top: 25px; position: absolute; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                        用户名@邮箱</div>
                    <div class="NameNewsletterIo"
                        style="width: 281px; height: 14px; left: 25px; top: 0px; position: absolute; color: #52575C; font-size: 11px; font-family: Montserrat; font-weight: 400; line-height: 14px; letter-spacing: 0.20px; word-wrap: break-word">
                        用户邮箱</div>
                    <div class="Line13"
                        style="width: 299px; height: 0px; left: 0px; top: 59px; position: absolute; border: 3px #A0A4A8 solid">
                    </div>
                </div>
                <div class="IconOutlinedEditorActionCopy"
                    style="width: 24px; height: 24px; left: 253px; top: 25px; position: absolute">
                    <div class="Vector"
                        style="width: 13px; height: 13px; left: 9px; top: 9px; position: absolute; border: 2px #A0A4A8 solid">
                    </div>
                    <div class="Vector"
                        style="width: 13px; height: 13px; left: 2px; top: 2px; position: absolute; border: 2px #A0A4A8 solid">
                    </div>
                </div>
            </div>
            <div class="Group724" style="width: 446px; height: 117px; left: 31px; top: 490px; position: absolute">
                <div class="Group218" style="width: 446px; height: 34px; left: 0px; top: 0px; position: absolute">
                    <div class="InputText"
                        style="width: 281px; height: 24px; left: 25px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                        昵称：</div>
                    <div class="Line13"
                        style="width: 446px; height: 0px; left: 0px; top: 34px; position: absolute; border: 3px #A0A4A8 solid">
                    </div>
                </div>
                <div class="Group219" style="width: 446px; height: 34px; left: 0px; top: 83px; position: absolute">
                    <div class="InputText"
                        style="width: 281px; height: 24px; left: 25px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 18px; letter-spacing: 0.20px; word-wrap: break-word">
                        手机：</div>
                    <div class="Line13"
                        style="width: 446px; height: 0px; left: 0px; top: 34px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
            </div>
        </div>
        <div class="Group722" style="width: 446px; height: 196px; left: 31px; top: 221px; position: absolute">
            <div class="Group221" style="width: 209.61px; height: 28px; left: 236.39px; top: 2px; position: absolute">
                <div class="InputText"
                    style="width: 132.06px; height: 14px; left: 25.61px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 14px; letter-spacing: 0.20px; word-wrap: break-word">
                    名</div>
                <div class="Line13"
                    style="width: 209.61px; height: 0px; left: 0px; top: 28px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
            </div>
            <div class="Group220" style="width: 228.48px; height: 30px; left: 0px; top: 0px; position: absolute">
                <div class="InputText"
                    style="width: 143.95px; height: 14px; left: 25px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 14px; letter-spacing: 0.20px; word-wrap: break-word">
                    姓</div>
                <div class="Line13"
                    style="width: 228.48px; height: 0px; left: 0px; top: 30px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
            </div>
            <div class="Group225" style="width: 143.16px; height: 34px; left: 0px; top: 79px; position: absolute">
                <div class="InputText"
                    style="width: 90.20px; height: 24px; left: 25px; top: 0px; position: absolute; text-align: right; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                    月</div>
                <div class="Line13"
                    style="width: 143.16px; height: 0px; left: 0px; top: 34px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
            </div>
            <div class="Group224" style="width: 143.16px; height: 34px; left: 151.42px; top: 79px; position: absolute">
                <div class="InputText"
                    style="width: 90.20px; height: 24px; left: 25.58px; top: 0px; position: absolute; text-align: right; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                    日</div>
                <div class="Line13"
                    style="width: 143.16px; height: 0px; left: 0px; top: 34px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
            </div>
            <div class="Group226" style="width: 143.16px; height: 34px; left: 302.84px; top: 79px; position: absolute">
                <div class="InputText"
                    style="width: 90.20px; height: 24px; left: 26.16px; top: 0px; position: absolute; text-align: right; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                    年</div>
                <div class="Line13"
                    style="width: 143.16px; height: 0px; left: 0px; top: 34px; position: absolute; background: #52575C; border: 3px #A0A4A8 solid">
                </div>
            </div>
            <div class="Group227" style="width: 446px; height: 41px; left: 0px; top: 155px; position: absolute">
                <div class="InputText"
                    style="width: 281px; height: 24px; left: 31px; top: 7px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                    性别</div>
                <div class="Line13"
                    style="width: 446px; height: 0px; left: 0px; top: 41px; position: absolute; border: 3px #A0A4A8 solid">
                </div>
                <div class="IconOutlinedDirectionsChevronDown"
                    style="width: 24px; height: 24px; left: 383px; top: 0px; position: absolute">
                    <div class="Vector"
                        style="width: 12px; height: 6px; left: 6px; top: 9px; position: absolute; border: 2px #A0A4A8 solid">
                    </div>
                </div>
            </div>
        </div>
        <div class="Group723" style="height: 194px; left: 611px; top: 217px; position: absolute">
            <div class="Group721" style="width: 140px; height: 140px; left: 0px; top: 0px; position: absolute">
                <div class="Circle"
                    style="width: 140px; height: 140px; left: 0px; top: 0px; position: absolute; background: #14B86E; border-radius: 9999px; border: 1px #FAF9F7 solid">
                </div>
                <div class="Label"
                    style="width: 131.25px; height: 61.25px; left: 4px; top: 39px; position: absolute; text-align: center; color: #FAF9F7; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                    LB</div>
            </div>
            <div
                style="left: 21px; top: 170px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                点击上传照片</div>
        </div>
        <div class="Group750" style="height: 62.50px; left: 29px; top: 22px; position: absolute">
            <div
                style="width: 680px; height: 53px; left: 0px; top: 0px; position: absolute; color: #25282B; font-size: 52px; font-family: Montserrat; font-weight: 300; line-height: 64px; letter-spacing: 0.20px; word-wrap: break-word">
                个人设置</div>
            <div class="Line13"
                style="width: 452px; height: 0px; left: 1.50px; top: 62.50px; position: absolute; border: 3px #14B86E solid">
            </div>
        </div>
        <div
            style="width: 454px; height: 47px; left: 32px; top: 659px; position: absolute; color: black; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
            注销账号</div>
    </div>
    <div class="Header" style="width: 1446px; height: 84px; left: 0px; top: 0px; position: absolute">
        <div class="BtnFilled"
            style="width: 195px; height: 58px; left: 1203px; top: 12px; position: absolute; justify-content: flex-end; align-items: center; display: inline-flex">
            <div class="Frame137"
                style="padding-left: 56px; padding-right: 56px; padding-top: 20px; padding-bottom: 20px; background: #119C59; border-radius: 36px; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                <div class="NotifyMe"
                    style="text-align: center; color: white; font-size: 24px; font-family: Montserrat; font-weight: 600; line-height: 18px; letter-spacing: 0.20px; word-wrap: break-word">
                    发布新闻</div>
            </div>
        </div>
        <div class="Group993" style="width: 212px; height: 32px; left: 45px; top: 27px; position: absolute">
            <div class="Newsletter"
                style="left: 0px; top: 2px; position: absolute; text-align: center; color: #119C59; font-size: 25px; font-family: Montserrat; font-weight: 700; text-transform: uppercase; letter-spacing: 0.20px; word-wrap: break-word">
                Newsletter</div>
            <div class="App"
                style="left: 183px; top: 0px; position: absolute; text-align: center; color: #333333; font-size: 14px; font-family: Montserrat; font-weight: 700; letter-spacing: 0.20px; word-wrap: break-word">
                App</div>
        </div>
    </div>
    <div class="Group751" style="width: 185px; height: 24.03px; left: 45px; top: 84px; position: absolute">
        <div class="Label"
            style="width: 151px; left: 34px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
            返回新闻列表</div>
        <div class="IconOutlinedDirectionsStraightArrowsLeft"
            style="width: 24px; height: 24px; left: 0px; top: 0.03px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
            <div class="Vector" style="width: 7px; height: 14px; border: 2px #25282B solid"></div>
            <div class="Vector" style="width: 14px; height: 0px; border: 2px #25282B solid"></div>
        </div>
    </div>
</div>
</template>